<template>
<!-- 个人中心主页 -->
    <div class="user-center content">
        <div class="statistic">
            <statistic></statistic>
        </div>

        <div class="quick">
            <quick-entry></quick-entry>
        </div>

        <div class="collect">
            <div class="collect-left">
                <collect></collect>
            </div>
            <div class="right">
                <download></download>
            </div>
        </div>
        <isLogin></isLogin>    
    </div>
</template>

<script>
import QuickEntry from './components/quick-entry.vue'
import statistic from './statistic/index.vue'
import Collect from './collect/index.vue';
import Download from './download/index.vue';
import isLogin from './components/isLogin.vue'

export default {
    layout: 'client-user',
    components: { statistic, QuickEntry, Collect, Download, isLogin },
}
</script>

<style lang="scss" scoped>
@import '@css/var.scss';    

.user-center{
    .quick {
        margin-top: 10px;
    }

    .collect {
        margin-top: 10px;
        display: flex;
        justify-content: space-between;

        div {
            width: 595px;
            background-color: #fff;
        }

    }
}
</style>